// service/pages/lease/lease.js

import http from '../../../utils/https';
const imageUtil = require('../../../utils/images');
Page({
  /**
   * 页面的初始数据
   */
  data: {
    currentTab: 0, // 当前选中的标签索引
    tabList: ['全部房源', '整租', '合租'],
    houseList: [
      {
        id: 1,
        type: '整租 三室一厅一厨一卫',
        area: '101㎡',
        price: '4500',
        tag: '房东直租',
        image: ''
      },
      {
        id: 2,
        type: '整租 三室一厅一厨一卫',
        area: '101㎡',
        price: '4500',
        tag: '房东直租',
        image: ''
      },
      {
        id: 3,
        type: '整租 三室一厅一厨一卫',
        area: '101㎡',
        price: '4500',
        tag: '房东直租',
        image: ''
      },
      {
        id: 4,
        type: '整租 三室一厅一厨一卫',
        area: '101㎡',
        price: '4500',
        tag: '房东直租',
        image: ''
      },
      {
        id: 5,
        type: '整租 三室一厅一厨一卫',
        area: '101㎡',
        price: '4500',
        tag: '房东直租',
        image: ''
      },
      {
        id: 6,
        type: '整租 三室一厅一厨一卫',
        area: '101㎡',
        price: '4500',
        tag: '房东直租',
        image: ''
      }
    ]
  },

  /**
   * 切换标签
   */
  switchTab(e) {
    const index = e.currentTarget.dataset.index;
    console.log("索引"+index);
    this.setData({
      currentTab: index
    });
    // 这里可以根据标签筛选房源数据
    this.filterHouseList(index);
  },

  /**
   * 根据标签筛选房源
   */
  filterHouseList(tabIndex) {
    // 实际应用中可以根据标签类型筛选数据或从服务器获取
    // 这里仅做示例
    if (tabIndex === 0) {
      // 全部房源，不做筛选
      console.log("全部");
      this.getDataList()
    } else if (tabIndex === 1) {
      // 整租
      console.log("zhengzu");
      this.getDataList(0)
    } else if (tabIndex === 2) {
      // 合租
      this.getDataList(1)
    }
  },

  /**
   * 查看房源详情
   */
  viewHouseDetail(e) {
    const id = e.currentTarget.dataset.id;
    // 跳转到房源详情页
    wx.navigateTo({
      url: `/service/pages/leaseHouseDetail/leaseHouseDetail?id=${id}`
    });
  },

  /**
   * 返回上一页
   */
  goBack() {
    wx.navigateBack();
  },

  /**
   * 分享
   */
  onShareTap() {
    wx.showShareMenu({
      withShareTicket: true,
      menus: ['shareAppMessage', 'shareTimeline']
    });
  },

  /**
   * 更多操作
   */
  onMoreTap() {
    wx.showActionSheet({
      itemList: ['收藏', '举报', '刷新'],
      success: (res) => {
        console.log(res.tapIndex);
        // 根据点击的选项执行相应操作
      }
    });
  },

  // 添加房屋事件
  chooseHouse(){
    wx.navigateTo({
      url: '/service/pages/chooseLeaseHouse/chooseLeaseHouse',
    })
  },


  //获取房源信息
  getDataList(type){
    let param={}
    if(type !=null && type != undefined){
      param.leaseType=type
    }
    param.leaseStatus=1
    http.get('houseRental/houseRental/list',param).then(resp=>{
      this.setData({
        houseList:resp.rows.map(item=>{
          return {
            ...item,
            houseInfo: {
              ...item.houseInfo,
              // 只修改imageUrl字段
              imageUrl: item.houseInfo.imageUrl.split(',')[0]
            }
          };
        })
      })
    })
    .catch(err => {
      console.error('请求失败', err);
    });
  },


  /**
   * 生命周期函数--监听页面加载
   */
  onLoad(options) {
    // 可以在这里获取房源数据
    this.getDataList()
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady() {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow() {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh() {
    wx.showLoading({
      title: '刷新中',
    })
    // 下拉刷新，重新获取房源数据
    setTimeout(() => {
      wx.stopPullDownRefresh();
      wx.hideLoading();
      wx.showToast({
        title: '刷新完成',
      })
    }, 1000);
  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom() {
    // 上拉加载更多房源
  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage() {
    return {
      title: '房屋租赁',
      path: '/service/pages/lease/lease'
    };
  }
})